<template>
  <div class="sex-pic">
    <p class="icon-container">
      <i
        class="el-icon-user-solid"
        :class="[sex == 0 || sex == '男' ? 'male' : 'female']"
      ></i>
    </p>
  </div>
</template>
<script>
export default {
  props: {
    sex: {
      default: 0 || "男",
    },
  },
};
</script>
<style lang="scss" scoped>
@import "@/assets/scss/components/sexIcon.scss";
</style>